아티클 - 글에서 인사이트를 얻으세요!

[템플릿제작 TIP] 텍스트, 이미지 균형감있게 배치하기

2022년 8월 29일작성

•

3,535 명 읽음

[템플릿제작 TIP] 텍스트, 이미지 균형감있게 배치하기

텍스트와 이미지를 적절하게 배치하는 것은 디자인의 완성도를 좌우합니다.

이미지는 텍스트보다 훨씬 더 쉽게 내용을 예측할 수 있게 해주며 집중할 수 있게 해줍니다.

1. 캔버스를 9등분(3x3)하여 서로 대칭이 되도록 배치

가로 3등분, 세로 3등분의 가상의 선을 기준으로 삼아 배치하면 전체적으로 균형감 있고 안정적인 느낌을 주며, 내용에 더욱 집중할 수 있도록 만들어 줍니다.

캔버스를 가이드라인으로 9등분으로 칸을 분할하여 놓은 뒤, 각 위치에 대칭되는 형태로 오브젝트를 배치합니다.

크기는 비율에 맞게 자유롭게 설정하도록 합니다.

처음에는 가이드라인을 활용해 배치를 하고 익숙해지면 가이드라인이 없이도 안정적인 배치를 할 수 있습니다.

대칭으로 배치하게 되면 상하좌우로 동일한 위치에 구성 요소들이 마주 보고 있어 질서에 의한 통일감을 주게 됩니다.

구성 요소의 경우 동일한 크기의 요소일 수도 있고, 무게감은 동일하나 크기는 다른 요소일 수도 있습니다.

아래의 예시를 참고해주세요!

2. 강조하고 싶다면 이미지를 크게/아주 크게/작게 배치

강조를 하고 싶다면 3가지 방법으로 배치해 볼 수 있습니다.

1) 캔버스에 이미지를 크게 배치하고, 남는 여유 공간에 텍스트 배치

2) 캔버스에 이미지가 넘치도록 배치하고, 이미지 자체의 빈 공간이나 남는 여유 공간에 텍스트 배치

3) 캔버스에 이미지를 작게 배치하고, 대칭이 되는 반대 편에 텍스트 배치

이렇게 배치할 시 집중도가 높아지게 되고 강력한 임팩트를 남길 수 있습니다.

3. 시선의 흐름에 따른 배치

사람은 자연스러운 시선의 흐름을 가집니다. 이런 기본적인 흐름의 전제 하에 우리는 전달하고자 하는 우선순위부터 배치해야 합니다.

※ 시선의 흐름

1) 왼쪽에서 오른쪽으로

2) 위에서 아래로

3) 이미지 속 모델의 시선이 향하는 방향

시선이 가장 먼저 가는 부분에 무거운 느낌의 이미지를 배치하면 안정감을 줄 수 있습니다.

글의 내용은 왼쪽에서 오른쪽, 위에서 아래 방향으로 하는 것이 시선이 자연스럽게 흐르게 되어 좋습니다.

또한 강조하고자 하는 부분이 있으면 굵기나 컬러를 사용하여 돋보이도록 합니다.

이미지 속의 모델이 바라보는 방향에 텍스트를, 사물이 있는 경우에도 동일하게 방향에 따라 텍스트를 배치한다면 자연스럽게 텍스트에 시선이 집중되도록 유도할 수 있습니다.

위의 왼쪽 이미지들과 같이 시선의 반대방향으로 내용을 배치하면 텍스트와 이미지가 분리된 느낌이 듭니다.

오른쪽 이미지와 같이 시선이 향하는 곳으로 배치하는 것이 자연스럽게 연결된 느낌을 줍니다.

시선이 정면을 향하는 이미지의 경우에는 왼쪽, 오른쪽 어느 위치에나 배치해도 좋습니다.

위의 방식들을 이용하여 이미지와 텍스트를 배치하여 균형잡힌 레이아웃을 완성해 보세요!

참조

https://adstorepost.com/26
https://m.blog.naver.com/yeeeeeei/220674150869

인터뷰 요약프리랜서 디자이너로 활동하고 계신 시시 크리에이터님! 권리 수익을 위해 툴디 플랫폼에서 활동 중이에요.일러스트와 패키지 디자인에 강점이 있어요! 툴디에 패키지 템플릿 카테고리가 생기길 바라는 마음이 있죠!툴디의 다양한 리워드 시스템, 프리랜서 디자이너에게 너무 좋은 정책이에요! 프리랜서 디자이너의 든든한 동반자 툴디 플랫폼 : 시시 크리에이터 “저는 툴디에 콘텐츠를 업로드하는 것이 장기적 투자라고 생각해요!”“툴디가 성장하면서, 저도 성숙한 투자자가 되어가길 바랍니다!” 툴디팀이 프리랜서 디자이너 여러분께 든든한 힘이 되어드리고 싶다는 것은 변함이 없습니다! 그것은 툴디를 이 세상에 내보이기 이전부터 팀의 중요한 철학 중 하나였기 때문이에요!시시님과 인터뷰를 진행하면서, 툴디팀의 진심이 조금이나마 전달된 것 같은 뿌듯함을 느꼈어요! 프리랜서 디자이너로 활동하고 계신 시시님이 툴디 플랫폼 덕분에 더더욱 안정적이며 창의적인 활동을 꿈꿀 수 있게 된 이유가 무엇인지, 인터뷰를 통해 알아볼까요?Q. 안녕하세요, 툴디 크리에이터로 활동을 시작하셨군요! 자기소개 부탁드립니다. 안녕하세요! 저는 툴디 크리에이터 시시입니다. 일반 크리에이터부터 시작해 실버, 골드를 지나 수퍼브 크리에이터로 함께하게 되어 정말 기쁘네요.프리랜서 디자이너로 활동한 지 벌써 7년이 되었고, 다양한 플랫폼과 도구를 통해 디자인 콘텐츠를 제작해왔어요. 툴디에서는 비즈니스, 마케팅, 교육 관련 디자인 요소를 주로 업로드하고 있고요. 제가 디자인한 소스들을 누구나 쉽게 사용할 수 있도록, 평범하면서도 센스 있는 디자인을 목표로 하고 있습니다! 너무나도 깔끔하게 정돈되어 있는 시시 크리에이터님의 작업실! Q. 그렇군요! 툴디에서 크리에이터로 활동하게 되신 결정적 계기가 궁금해요!툴디는 스톡 사이트를 검색하다가 우연히 발견했어요. 디자이너로 활동할 때, 그리고 프리랜서가 된 이후에도 다양한 스톡사이트, 디자인 플랫폼을 경험했었는데요!제가 경험했던 많은 플랫폼들이 사실 ‘우리에겐 이런이런 템플릿이 있습니다. 구매하세요’라는 판매 중심의 메시지를 전하는 느낌을 줬다면, 툴디는 마치 '크리에이터님, 어서 오세요. 여기서 작업하고 수익도 창출해 보세요!'라는 따뜻한 인사를 건네는 느낌이었어요! 그 환영의 메시지에 매료되어 자연스럽게 회원가입을 하게 되었어요. 이처럼 크리에이터의 성장을 응원하는 툴디의 접근 방식은 저에게 큰 영감을 주었고, ‘나도 이곳에서 사람들에게 도움이 되는 콘텐츠를 만들어보자’는 생각으로 참여하게 되었습니다.Q. '시시'님의 자신 있는 창작 분야는 무엇인가요?제가 가장 자신 있는 분야는 일러스트와 패키지 디자인이에요.특히 패키지 디자인에 들어가는 일러스트나 아이콘 같은 요소를 직접 제작해 본 경험이 많아서, 툴디에서도 요소 크리에이터로 활발히 활동하고 있습니다. 다만 패키지 디자인은 형태나 재질의 제약이 많다 보니 툴디에서는 템플릿 제공이 쉽지 않다는 점이 조금 아쉬워요. 언젠가 툴디 플랫폼이 업데이트 되어 '패키지 카테고리'가 생긴다면, 꼭 한번 다양한 템플릿 제작에 도전해 보고 싶습니다. 그때에는 제 디자인이 더욱 많은 사람들에게 영감을 줄 수 있기를 기대해요. 귀여운 커피캐릭터는 툴디에서 만나보실 수 있어요 엉엉 마실 수 없어 작고 소중해!Q. 평소 ‘디자인’이라는 주제에 대한 크리에이터님의 생각이 궁금해요!디자인에 대한 저의 생각은, 예전에 보았던 '디터 람스*' 다큐멘터리에서 많은 영향을 받았어요. 디터 람스 (Dieter Rams, 산업디자이너/기업인)독일 출신의 세계적인 산업 디자이너. 가전회사 브라운의 디자인 부문 수장을 맡으며 쌓아온 명성은 현대의 디자인 업계에 지대한 영향을 미쳤다. 디터 람스 | 넷플릭스거물급 제품 디자이너 디터 람스를 다룬 다큐멘터리. 그의 작업이 미친 지대한 영향과 미래에 대한 그의 비전을 탐구한다.www.netflix.com다큐멘터리에서 그는 '최소한의, 그러나 더 나은 디자인이 좋은 디자인(Good design is as little design as possible.)'이라고 이야기했는데, 개인적으로는 그 말에 크게 공감했습니다. 하지만 실제 프로젝트를 진행하다보면 주로 클라이언트의 요구에 맞춰 트렌디한 디자인을 하게 되는 경우가 많죠. 이처럼 유행을 따라가다 보면 시간이 지나면서 디자인이 낡아 보이기도 하고, 결국 또 다른 변화를 요구받게 됩니다.그래서 디자인은 늘 어렵게 느껴져요. 유사한 제품들 속에서 차별화된 디자인을 시도하는 것도 중요하지만, '최소한의, 그러나 더 나은 디자인'을 실현하려면 디자이너뿐 아니라 클라이언트의 용기와 책임도 중요하다고 생각합니다. 이런 철학을 담아 작업할 때마다 나아가는 목표가 명확해지는 것 같아요.Q. 정말 멋집니다! 툴디에서 이루고 싶은 디자이너로서의 포부가 있나요?툴디에서 활동하면서 저는 프리랜서 디자이너로서의 한층 더 성장하려는 목표가 있습니다. 아무래도 프리랜서 디자이너가 되려면 안정적인 수익 구조가 필수적인데요! 저는 툴디 활동을 통해 이를 실현해 나가고 있습니다.프리랜서의 특성상 매월 수입이 일정하지 않기 때문에 저는 고정비를 기준으로 한 수입 목표를 설정해두고, 목표에 도달하기 전까지는 디자인 외주 작업을 받아 우선적으로 진행합니다. 목표를 달성한 후에는 툴디와 같은 디자인 플랫폼에 요소나 템플릿을 업로드 하는 등 권리 수입이 발생할 수 있는 작업으로 전환하여, 보다 안정적이고 장기적인 수익을 쌓아가고 있습니다.이 과정에서 툴디에서 제공하는 다양한 리워드 시스템은 제게 큰 도움이 되었어요! 특히 수퍼브 크리에이터가 된 이후에는 더 많은 도움을 받고 있죠! 수퍼브 크리에이터는 콘텐츠를 업로드해서 승인 받는 것만으로도 수익이 발생하거든요! **툴디 크리에이터 티어 더 알아보기 툴디 크리에이터 티어 설명 (출처 툴디 고객커뮤니티) 앞으로도 꾸준히 저만의 디자인 자산을 늘려가면서 안정적인 수익 구조를 구축하고 싶습니다. 이를 통해 툴디와 함께 성장하며, 단순히 단기적인 외주 수입을 넘어, 꾸준히 가치가 더해지는 디자인 콘텐츠를 창출하는 크리에이터가 되는 것이 저의 포부입니다. 제가 툴디에서 쌓아가는 콘텐츠들이 저에게는 일종의 장기 투자와 같은 의미인데요, 툴디가 더 성장해가는 과정 속에서 저 또한 성숙한 투자자로 자리 잡기를 꿈꾸고 있습니다!Q. 툴디 크리에이터 생태계에서 ‘이건 정말 좋다!’라고 생각했던 것은 무엇인가요?툴디 크리에이터 생태계에서 특히 마음에 드는 점은 '다양한 리워드 시스템'이 매우 명확하게 분류되어 있다는 점이에요!툴디 디자인 플랫폼에는 창작 리워드, 판매 리워드, 구독 리워드가 각각 따로 정리되어 있어, 어느 부분에서 어떤 수익이 발생하는지 쉽게 파악할 수 있는 점이 정말 인상적이었습니다. 이는 사용자뿐만 아니라 창작자에게도 매우 투명하고 공정한 혜택 구조로 작용하고 있어요.특히 제가 놀랐던 부분은 무료 요소를 제공했을 때도 구독 리워드에서 사용 내역이 정산된다는 점이었어요. 사실 처음엔 무료 요소는 수익에 포함되지 않을 거라 생각했거든요. 하지만 툴디는 이러한 요소까지 놓치지 않고 창작자의 기여를 인정해 준다는 점에서 진정으로 창작자를 응원하는 플랫폼이라는 생각이 들었어요.또 수퍼브 크리에이터가 된 이후에는 작업물의 품질이나 수량에 따라 추가 리워드가 주어지면서, 제가 생산하는 콘텐츠의 가치가 더욱 높게 인정받는 느낌을 받았습니다. 게다가 다양한 챌린지, 프로모션 리워드 등 크리에이터가 받을 수 있는 수익 프로세스가 너무너무 많아서 행복해요!이런 리워드 체계 덕분에 툴디가 단순히 수익을 창출하는 곳을 넘어서, 제 디자인 여정을 함께하는 중요한 동반자로 느껴집니다. 이와 같은 마음을 다른 크리에이터 분들도 분명 느끼고 계실거에요! 한 눈에 봐도 너무너무너무 고품질인 요소 콘텐츠, 제공해주신 시시크리에이터님께 다시 한번 무한한 감사를! Q. 앞으로 크리에이터님의 콘텐츠를 활용할 창작자들에게 한 마디 부탁드립니다.창작자 여러분, 먼저 제 콘텐츠를 활용해 주셔서 감사합니다! 제가 디자인한 요소들이 여러분의 창작 과정에 작은 힘이 될 수 있다는 생각에 정말 큰 보람을 느끼고 있습니다.창작이라는 과정이 때로는 외롭고 긴 여정일 수 있지만, 툴디를 통해 사용자분들, 그리고 저와 같이 프리랜서 활동을 하시는 크리에이터분들의 노하우와 영감을 공유할 수 있다는 점이 정말 소중하게 느껴져요.앞으로도 여러분의 작업에 실질적인 도움이 될 수 있도록, 실용적이면서도 창의적인 콘텐츠를 만들기 위해 꾸준히 노력하겠습니다. 여러분이 툴디에서 제작하는 작품이 다양한 사람들에게 영감을 주고, 또 새로운 크리에이터들이 생겨날 수 있기를 진심으로 바라고 있습니다. 저 또한 같은 길을 걷는 크리에이터로서 여러분의 여정을 응원하며, 함께 멋진 콘텐츠를 만들어 나가고 싶습니다.언제든지 툴디에서 서로의 디자인을 공유하며, 더 나은 창작의 길을 함께 걸어가길 기대하겠습니다!만나서 반가워, 창작을 시작할게!